
<div class="container index-container am-padding-bottom-0">
	<h3 class="section-title"><span>优秀组织/个人</span></h3>
    <div data-am-widget="tabs" class="am-tabs am-tabs-default">
        <ul class="am-tabs-nav am-cf">
            <li class="am-active"><a href="[data-tab-panel-0]">优秀志愿服务组织</a></li>
            <li class=""><a href="[data-tab-panel-1]">优秀志愿服务个人</a></li>
        </ul>
        <div class="am-tabs-bd">
			<div data-tab-panel-0 class="am-tab-panel am-active">
				<div class="am-g">				  
                    <div class="am-u-md-12 am-u-lg-12 am-margin-0 am-padding-0 am-text-center">
                        <ul data-am-widget="gallery" class="excellent am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-4 am-gallery-default " data-am-gallery="{ pureview: false }" >
                        	<volist name="group_show" id="vo">
                        		<li>                                                        
	                                <a href="{:U('group/index/group',array('id'=>$vo['id']))}" target="_blank">
	                                    <p class="am-margin-0 am-padding-0 img-border am-text-center"><img class="am-img-responsive" src="{$vo.logo|getThumbImageById=277,287}"  alt=""/></p>
	                                    <p>{$vo.title}</p>                                                            
	                                </a> 
	                                <!--<p class="time-text am-margin-0">时长(小时)</p>
	                                <p class="exce-time am-margin-0">13678</p>-->
	                            </li>
                        	</volist>      
                        </ul>                                          
				  	</div>
				</div>
			</div>
			<div data-tab-panel-1 class="am-tab-panel">
				<div class="am-g">
				  
				  <div class="am-u-md-12 am-u-lg-12 am-margin-0 am-padding-0 am-text-center">
                        <ul data-am-widget="gallery" class="excellent am-gallery am-avg-sm-1 am-avg-md-2 am-avg-lg-4 am-gallery-default " data-am-gallery="{ pureview: false }" >
                        	<volist name="user_score_list" id="vo">
                        		<li>                                                        
	                                <a href="{:U('Ucenter/Index/index', array('uid' => $score['uid']))}">
	                                    <p class="am-margin-0 am-padding-0 img-border am-text-center"><img class="am-img-responsive" src="{$vo.avatar256}" width="256"  alt=""/></p>
	                                    <p>{$vo.nickname}</p>                                                            
	                                </a> 
	                            </li>
                        	</volist>
                            
                          	
                        </ul>     
				  	</div>
				</div>
	      	</div>
	    </div>			
	</div>
</div>
<style>
    .position-groups >div{
        margin-bottom: 15px;
    }
    .group-list-hr{
        margin-top: 11px;
        margin-bottom: 10px;
    }
    .group-list-no-hr{
        padding: 10px;
    }
</style>
<script>
    $(function () {
        ucard();
        $('[data-role="group_attend"]').unbind('click')
        $('[data-role="group_attend"]').click(function () {
            var obj = $(this)
            var group_id = $(this).attr('data-group-id');
            $.post(U('group/index/attend'), {group_id: group_id}, function (res) {
                if(res.status){
                    obj.hide();
                }
                handleAjax(res);
            })
        })
    })
</script>